<template>
   <div>
     <div class="tabview">
       <item1></item1>
       <item2></item2>
       <item3></item3>
       <item4></item4>
       <item5></item5> 
    </div>
     <!-- <footerPage :page="1"></footerPage> -->
   </div>
    
</template>

<script>
  import item1 from './components/item_1'
  import item2 from './components/item_2'
  import item3 from './components/item_3'
  import item4 from './components/item_4'
  import item5 from './components/item_5'
  // import footerPage from '../footer/footerPage'
 
  export default {
    name: "home",
    inject:['changeTab'],
    components: {
       item1,
       item2,
       item3,
       item4,
       item5,
      //  footerPage
      },
      data(){
        return {

        }
      },
      created() {
        this.changeTab(0,"homePage","<span class=\"tab_name\">首页</span>");
      }
  };
</script>
<style lang="less">
</style>